/* 响应式 */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:14px;}}
@media (max-width:328px){html{font-size:14px;}}

/* 手机端下拉 */
.wap-click {padding: 0 1rem; display: none; cursor: pointer;}
.wap-click .basemenubut {display: flex; align-content: center; justify-content: center;flex-wrap: wrap;height: 100%; width: 22px;}
.wap-click .basemenubut span { display: block; width: 100%;height: 2px;margin-bottom: 5px; border-radius: 3px;background-color: #fff;-webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.basemenubut span:nth-child(2) {width: 80%;}
.basemenubut2 span:nth-child(1) {transform: rotate(45deg);margin: 0;margin-top: 2px;}
.basemenubut2 span:nth-child(2) { display: none;}
.basemenubut2 span:nth-child(3) { transform: rotate(-45deg);margin: 0; margin-top: -2px;}
.header.navfixed .wap-click .basemenubut span {background: #333;}
.header.navfixed2 .wap-click .basemenubut span {background: #333;}

.hadNav2 {position: absolute;left: 0; top: 100%; z-index: 999;width: 100%; height: 100vh; background-color: #fff; display: none;}
.hadNav2 .nav2Box {width: 92%; margin: auto; height: 100%;}
.hadNav2 .f_navbox { height: calc(100% - 7rem); margin-bottom: 10px; overflow-x: hidden;overflow-y: auto;}
.hadNav2 .f_navbox > li {padding: 1rem 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.hadNav2 .f_navbox > li > a {font-size: 1.2rem; color: #333; display: flex; justify-content: space-between; align-items: center;}
.hadNav2 .f_navbox > li > a > img {transform: rotate(90deg); margin-right: 0.5rem; transition: .5s;}
.hadNav2 .f_navbox > li > ul {display: none;}
.hadNav2 .f_navbox > li > ul > li > a {font-size: 1.1rem; padding: 0.5rem; display: block; color: #333; display: flex; justify-content: space-between; align-items: center;}
.hadNav2 .f_navbox > li > ul > li > a > img {transform: rotate(90deg); transition: .5s;}
.hadNav2 .f_navbox > li > ul > li > ul {display: none; padding: 0 0.5rem;}
.hadNav2 .f_navbox > li > ul > li > ul > li > a {font-size: 1rem; padding: 0.5rem; color: #333; display: block;}
.hadNav2 .f_navbox > li.active > a img {transform: rotate(-90deg);}
.hadNav2 .f_navbox > li.active > ul > li.active img {transform: rotate(-90deg);}
.hadNav2 .f_navbox li a:hover {color: #005bac;} 


@media screen and (min-width: 200px) and (max-width: 1800px) {

}
/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
    .aboutTwo .container {width: 92%;}
    .aboutThree .container {width: 92%;}
}

/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {
    .indexFour .container {width: 92%;}

}

/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {
    .container {width: 92%;}
    .bannerSwiper .box {width: 92%;}

}


@media screen and (min-width: 200px) and (max-width: 1400px) {
    /* 首页 */
    .indexTwo {padding-bottom: 1rem;}
    .indexTwo .le {top: 0;}

}



/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
    /* 头部 */
    .header .box ul {width: 67%; margin-left: 0%;}

    /* 首页 */
    .indexTwo {padding-top: 0;}
    .indexTwo .le p {margin-top: 1rem;}

}


/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
    .header .box ul {display: none;}
    .wap-click {display: block;}
} 

/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
    /* 底部 */
    .footer .box .boxLe {    padding-right: 6%;}

}





/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
    /* 首页 */
    .indexTwo {padding-bottom: 0; }
    .indexTwo .box {flex-wrap: wrap;}
    .indexTwo .le {width: 100%;}
    .indexTwo .re {width: 100%; position: relative; margin-top: 2rem;overflow: hidden;}
    .indexTwo .re .indexTwoBj {width: 110%;}
    .indexThree ul li .showCon h4 {font-size: 1.5rem;}
    .indexThree ul li .hide h5 {font-size: 1.5rem;}
    .indexThree ul li .more {margin-top: 5rem;}
    .videoInfo {width: 65%;}

    /* 底部 */
    .footer .box {flex-wrap: wrap;}
    .footer .box .boxLe {width: 100%; padding-right: 0;}
    .footer .box .boxLe::before {display: none;}
    .footer .box .boxLe::after {display: none;}
    .footer .box .boxRe {width: 100%; margin-top: 2rem; text-align: center;}

    /* 产品详情 */
    .proDeta .box {flex-wrap: wrap;}
    .proDeta .proLeSwiper {width: 100%;}
    .proDeta .proReCon {width: 100%; margin-top: 2rem;}

    /* 关于我们 */
    .aboutOne .box .le {width: 50%;}
    .aboutOne .box .le .indexTle {margin-top: 0;}
    .aboutOne .box .le p {margin-top: 1rem;}
    .aboutOne .box .re {width: 46%;}
    .aboutTwo .aboutTwoSwiper {width: 82%;}
    .aboutThree .aboutThSwiper {width: 82%;}

    /* 联系我们 */
    .contact {padding-top: 0;}
    .contact .box {flex-wrap: wrap;}
    .contact .box .le {width: 100%;}
    .contact .box .re {width: 100%; margin-top: 4rem;}

    /* 解决方案 */
    .solution ul li {width: 48%;}
    .solution ul::after {width: 48%;}

    /* 解决方案详情 */
    .solutionDeTwo .box .deList li {width: 32%;}
    .solutionDeTwo .box .deList::after {width: 32%;content: "";}

    /* 资讯列表 */
    .information .bd ul::after {width: 48%;}
    .information .bd ul li {width: 48%;}


}




/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
    /* 首页 */
    .indexThree ul {flex-wrap: wrap; justify-content: space-between;}
    .indexThree ul li {width: 49%; margin-bottom: 1rem;}
    .indexThree ul li.on {width: 49%;}
    .indexThree ul li:last-child {display: none;}

    /* 产品列表 */
    .product .proNav {width: 30%;}
    .product .proCon {width: 65%;}
    .product .proCon ul li {width: 48%;}

}



/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
    /* 首页 */
    /* .indexThree ul li .showCon {display: none;}
    .indexThree ul li .hide {display: block; opacity: 1;} */

    /* 产品详情 */
    .proInfo .box {flex-wrap: wrap;}
    .proInfo .box .le {width: 100%;}
    .proInfo .box .re {width: 100%; margin-top: 2rem;}

    /* 关于我们 */
    .aboutOne {padding: 3rem 0;}
    .aboutOne .box {flex-wrap: wrap;}
    .aboutOne .box .le {width: 100%;}
    .aboutOne .box .re {width: 100%; margin-top: 2rem;}
}


@media screen and (min-width: 200px) and (max-width: 640px) {
    /* 头部 */
    .header .box {height: 5.5rem;}
    .header .box > a > img {width: 75%;}

    /* 首页 */
    .banner {height: 50vh;}
    .bannerSwiper .box h3 {margin-top: 0; font-size: 2.5rem;}
    .bannerSwiper .box span {font-size: 1.8rem;}
    .indexTwo .re .icon {width: 4.5rem; height: 4.5rem;}
    .indexTwo .re .icon img {width: 25%;}
    .videoInfo {width: 90%; padding: 1rem;}
    .videoInfo .box-title h3 {font-size: 1.2rem;}
    .videoInfo .box-title span {font-size: 2rem;}
    .indexTle h3 {font-size: 2rem;}
    .indexTle strong {font-size: 1.9rem;}
    .indexTle i {margin-top: 1rem;}
    .indexThree {margin-top: 3rem;}
    .indexThree ul li {width: 100%; height: 25rem; margin-bottom: 0; margin-top: 1rem;}
    .indexThree ul li.on {width: 100%;}
    .indexThree ul li.on .showCon {opacity: 1;}
    .indexThree ul li .showCon { padding: 1%;     Writing-mode: initial; display: flex;flex-direction: column; align-items: center;justify-content: center;}
    .indexThree ul li .hide {display: none;}
    .indexThree ul li dl {margin-top: 1.5rem;}
    .indexThree ul li .more {margin-top: 2rem;}
    .indexFour {padding-bottom: 0;}
    .inFourSlide .hd ul li {width: 9rem;height: 3.5rem; font-size: 1.1rem;}
    .inFourSwiper {padding-bottom: 6rem; width: 100%;}
    .inFourSlide .swiper-button-prev , .inFourSlide .swiper-button-next {display: none;}
    .inFourSlide .swiper-pagination {display: block; bottom: 5%;}
    .indexFive .inFiSwiper {padding-top: 3rem;}

    /* 底部 */
    .footer .box {padding: 0 0 3rem 0;}
    .footer .box dl dt {font-size: 1.5rem;}
    .footer .box .boxLe {display: none;}

    /* 内页banner */
    .ny-banner {height: 55vh;}
    .ny-banner h2 {font-size: 3rem;}
    .ny-banner strong {font-size: 2rem;}

    /* 产品列表 */
    .product {margin-bottom: 5rem;}
    .product .proNav {width: 100%;}
    .product .box {flex-wrap: wrap;}
    .product .proCon {width: 100%; margin-top: 3rem;}
    .product .proNav ul li {padding: 1rem 0;}
    .product .proCon ul li {width: 100%;}

    /* 产品详情 */
    .proDeta {padding-top: 5rem;}
    .proDeta .proReCon h4 {font-size: 1.6rem;}
    .proDeta .proReCon .conus {flex-wrap: wrap; margin-top: 2rem;}
    .proDeta .proReCon .conus .tel {margin-left: 0; width: 100%; margin-top: 2rem;}
    .proInfo {margin: 3rem 0;}
    .proInfo .box .le h3 {font-size: 1.9rem;}

    /* 关于我们 */
    .aboutOne .box .le .indexTle h3 {font-size: 2rem;}
    .aboutOne .box .re .icon {width: 4.5rem; height: 4.5rem;}
    .aboutOne .box .re .icon img {width: 25%;}
    .aboutTwo {padding-bottom: 2rem; padding-top: 3rem;}
    .aboutTwo .aboutTwoSwiper {padding-bottom: 5rem; width: 100%; margin-top: 3rem;}
    .aboutTwo .swiper-button-prev, .aboutTwo .swiper-button-next {display: none;}
    .aboutTwo .swiper-pagination {display: block;}
    .aboutThree .swiper-button-next , .aboutThree .swiper-button-prev {display: none;}
    .aboutThree .swiper-pagination {display: block;}
    .aboutThree {padding: 3rem 0 2rem 0;}
    .aboutThree .aboutThSwiper {padding-bottom: 5rem; width: 100%;}

    /* 合作伙伴 */
    .honer ul {grid-template-columns: repeat(3,1fr);}

    /* 联系我们 */
    .contact .map {margin-top: 3rem;}

    /* 解决方案 */
    .solution ul li .con {padding: 1rem;}
    .solution ul li h5 {font-size: 1.3rem;}
    
    /* 解决方案详情 */
    .solutionDe {padding: 3rem 0;}
    .solutionDe h3 {font-size: 1.8rem;}
    .solutionDeTwo .box .deList li {width: 48%;}
    .solutionDeTwo .box .hd ul li {    padding: 0.8rem 1rem;}
    .solutionDeTwo .box .hd ul li a {font-size: 1rem;}

    /* 资讯列表 */
    .information .bd ul li .con {padding: 1rem;}

}


@media screen and (min-width: 200px) and (max-width: 500px) {
    /* 首页 */
    .bannerSwiper .box h3 {margin-top: 0; font-size: 2rem;}
    .bannerSwiper .box span {font-size: 1.2rem;}
    .bannerSwiper .box a {width: 8.5rem; height: 2.5rem;}
    .indexThree ul li {height: 20rem;}

    /* 内页banner */
    .ny-banner h2 {font-size: 2.5rem;}

    /* 关于我们 */
    .aboutOne .box .re .imgBox {height: 30rem;}

    /* 合作伙伴 */
    .honer ul {grid-template-columns: repeat(2,1fr);     column-gap: 1.5rem; row-gap: 1rem;}

   /* 联系我们 */
   .contact .box .le h3 {font-size: 1.8rem;}
   .contact .box .le small {font-size: 0.9rem;}
   .contact .box .le dl {margin-top: 1.5rem;}
   .contact .box .le dd {font-size: 1rem;}
   .contact .box .le dd strong {font-size: 1.1rem;}

   /* 解决方案 */
   .solution ul li {width: 100%; margin-bottom: 1.5rem;}

    /* 解决方案详情 */
   .solutionDeTwo .box .deList li {width: 100%;}

    /* 资讯列表 */
    .information .hd ul {justify-content: space-around;}
    .information .hd ul li a {font-size: 1rem; margin-right: 0;}
    .information .bd ul li {width: 100%;}
}

@media screen and (min-width: 200px) and (max-width: 450px) {
   /* 头部 */
    .header .box {height: 5rem;}
}

@media screen and (min-width: 200px) and (max-width: 400px) {



}